<template>
  <div>
      <h2>{{msg}}</h2>
      <h2>学生名字:{{myName}}</h2>
      <h2>学生年龄:{{age}}</h2>
  </div>
</template>

<script>
export default {
    name:'StudentS',
      /*
     尽量不要去修改props传过来的参数，虽然是可以修改，但是会导致vue报错
    如果一定要修改，你可以这样定义data里面的数据

    由于props接收的参数同样会代理到vc上，所以this.name可以获取
    */
    data(){
        return {
            msg:"自我介绍",
            myName:this.name
        }
    },
    // 接受参数
  
    /*
     接收的参数存在了vc的实例对象上

     而且相比与Data参数
     props是比Data更加优先被接收的
    */
    // props:['name','age'] 简单接收

    // props:{
    //     name:String,
    //     age:Number//对传参的类型进行限制
    // }

    props:{
        name:{
            type:String,// 字段的类型
            required:true // 必填，不填写会报错
        },
        age:{
            type:Number,
            required:false,
            default:99
        }
    }
}
</script>


<style>

</style>